<%@include file='templates/include_header.html'%>


<title>Cult Ticketing System</title>
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/css/movie.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<%@include file='templates/include_menu.jsp'%>

<div id="main">
        <div id="content">
          <div id="head_image">
        	<div id="slogan"><strong>Cult Ticketing System -- Upcoming</strong><br />
       	    </div>
            <div id="under_slogan_text">
                <br /><br /><br /><br />

            </div>
          </div>

         <div id="left">
            <%@include file='templates/calendar.jsp'%>
         </div>

         <div id="right">
            <h1>Upcoming Movies</h1>
            <p>&nbsp;</p>

            <table class="movie">
            <thead>
                    <th></th>
                    <th></th>
            </thead>
            <tr>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie3.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie4.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
            </tr>

            <tr>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie5.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie6.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
            </tr>

            <tr>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie7.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie8.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
            </tr>


            <tr>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie1.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
                <td>    <div class="movie_image"><img src="<%=request.getContextPath()%>/images/movies/movie2.jpg"/></div><br />
                        <div class="movie_info""><h3>Movie Name</h3>
                            <span class="pl">Director:</span> Director Name <br/>
                            <span class="pl">leading role</span> Actor 1 <br/>
                        </div>
                        <div class="buy_button"><input type="button" value="Buy Tickets" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>  </div>
                </td>
            </tr>

            </table>

        </div>
	</div>
</div>
</div>

<%@include file='templates/include_footer.html'%>